<template>
    <section class="hero-section">
      <div class="hero-gradient"></div>
      <div class="container">
          <h1 class="hero-title">
              AI 小智
          </h1>
          <p class="hero-subtitle">
              一个基于 ESP32-S2 的开源 AI 对话机器人。无需键盘，直接与大语言模型进行流畅的语音交流。
          </p>
          <div class="hero-actions">
              <a href="#features" class="btn btn-primary">
                  探索更多
              </a>
              <!-- <a href="https://github.com" target="_blank" class="btn btn-secondary">
                  GitHub &rarr;
              </a> -->
          </div>
          <img src="/src/assets/device.png" alt="AI 小智设备原型图" class="hero-image">
      </div>
    </section>
  </template>